<%@ page language="java" import="java.util.*,com.model.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	
    <base href="<%=basePath%>">
    
    <title>欢迎访问位置服务专家</title>
	
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/menu.css">
	<link rel="stylesheet" type="text/css" href="css/table.css">
	<script type="text/javascript" src="js/menu.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<%
	  ArrayList<Beanuser> al=new ArrayList<Beanuser>();
	  locationBO lbo=new locationBO();
	  al=lbo.getUserInfo();
	 
 	%>
 
	
  </head>
  
  <body onload="initialize()">
    <div id="header"></div>
	<div id="menu">
	    <ul id="navigation">
		<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">更多</a> 
			<ul> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
			</ul> 
		</li> 
			<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">定位</a> 
		<ul> 
			<li><a href="#">实时定位</a></li> 
			<li><a href="#">轨迹回放</a></li> 
			<li><a href="#">菜单3</a></li> 
			<li><a href="#">菜单4</a></li> 
			<li><a href="#">菜单5</a></li> 
		</ul> 
			</li> 
			<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">设置</a> 
		<ul> 
			
			<li><a href="#">用户管理</a></li> 
			<li><a href="SetSecurity.jsp">安全路径</a></li> 
		     <li><a href="#">参数设置</a></li> 
		</ul> 
			</li> 
		</ul>
	</div>
	<div id="main">
	<div id="containe">地图</div>
    <div id="sidebar"> 
    	<div id="search">设备ID：<input type="text"/><input type="button" value="查询" onclick=""/></div>
    	<table width="388" border="0" cellspacing="0" cellpadding="0">
			<tr align="center">
				<td class="active" id="cell1" style="background-color:#FFFF99;" onclick="showLayer(this,'d1',0);">全部</td>
				<td class="inactive" id="cell2" onclick="showLayer(this,'d2',1);">在线</td>
				<td class="inactive" id="cell3" onclick="showLayer(this,'d3',2);">离线</td>
				<td class="inactive" id="cell4" onclick="showLayer(this,'d4',3)">备用</td>
		                <td style="border-bottom:1px solid #7D7D7D;"> </td>
			</tr>
		</table>
		<div id="d1" class="layer" style="display:block;background-color:#FFFF99;">
		<table class=datatable id="info">
	      <%
		  	for(int i= 0;i<al.size();i++)
		  	 {
		  	   Beanuser lt=(Beanuser)al.get(i);
		   %>
         
		  <tr  align="center" onclick="showLocation();">
           
            <td><%=lt.getName() %></td>
            
            <td><%=lt.getLat() %></td>
            <td><%=lt.getLng() %></td>
          </tr>
	
          <%
	      }
	       %>
	      </table>
        </div>
		<div id="d2" class="layer" style="display:none;">標籤2的內容</div>
		<div id="d3" class="layer" style="display:none;">標籤3的內容</div>
		<div id="d4" class="layer" style="display:none;">標籤4的內容</div>
    		
    </div>
	<div id="clearfloat"></div>
	</div>
	<div id="footer">footer</div>
  </body>
</html>
